<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>圈子在线直播</title>
<meta name="viewport"   content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<!--<link rel="stylesheet" href="/public/static/libs/bui/pages/zhibo/dplayer/DPlayer.min.css">-->
<style type="text/css">
body {
    padding: 0;
    margin: 0;
}
.dplayer-full-in-icon {
    display: none!important
}
</style>
<!--<script src="https://cdn.jsdelivr.net/npm/flv.js/dist/flv.min.js"></script> 
<script src="https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js"></script> -->
<script type="text/javascript" src="./dplayer/flv.min.js"></script> 
<script type="text/javascript" src="./dplayer/hls.min.js"></script>
<script type="text/javascript" src="./dplayer/DPlayer.min.js?v=f32"></script>
<link rel="stylesheet" href="./dplayer/DPlayer.min.css">
</head>
<body>
<script type="text/javascript">
var weburl = window.location.href;	//var weburl = window.location.href.indexOf("http")==0 ? '' : '../../../../../..';
weburl = weburl.substring(0,weburl.indexOf('/public/static/')); //方便手机获取真实路径
document.write('<link rel="stylesheet" href="'+weburl+'/public/static/icon/icon.css">');
document.write('<script type="text/javascript" src="'+weburl+'/public/static/js/core/jquery.min.js"><\/script>');
//document.write('<script type="text/javascript" src="'+weburl+'/public/static/layer/layer.js"><\/script>');

var parents;
if(window.parent.frames['iframe_msg']!=undefined){	//在PC圈子界面里
	parents = window.parent.frames['iframe_msg'];
}else{
	parents = window.parent;
}

</script>

<div id="warp" style="width:100%;height:200px;">
	<div id="dplayer" style="width:100%;height:100%;"></div>
</div>
<script type="text/javascript">
var dp;
function player(video_url, height, only_sound, in_pc) {
     
    if (typeof(height) == 'undefined' || height == '') {
        height = '200px';
    } else {
        height = parseFloat(height).toString() + 'px';
    }
    document.getElementById('warp').style.setProperty('height', height);
     
    if (in_pc == 'pc') {
        dp = new DPlayer({
            container: document.getElementById('dplayer'),
            live: true,
            volume: 1,
            autoplay: true,
            video: {
                url: video_url,
                type: 'flv',
                pic: './timg.jpg',
            },
        });
        
    } else {
        dp = new DPlayer({
            container: document.getElementById('dplayer'),
            live: true,
            volume: 1,
            autoplay: true,
            video: {
                url: video_url,
                type: 'hls',
                pic: './timg.jpg',
            },
        });
    }

	$('.dplayer-video-wrap').click(function(){
		dp.play();
		$(this).off('click');
	});
}   
</script>
<style type="text/css">
.about{
	padding:5px;
	font-size:14px;
	color:#888;
}
.tt{
	color:orange;
}
.more{
	color:blue;
}

</style>
<div class="about"><span class="tt fa fa-bullhorn">直播介绍：</span><span class="cnt"> </span><span class="more">[详情]</span></div>
<script type="text/javascript">
$(function(){
	$(".about .cnt").html(parents.mod_class.zhibo.dataUrls.title);
	$(".about .more").click(function(){
		var about = parents.mod_class.zhibo.dataUrls.about;
		about = about.replace(/\r\n/g,"<br>");
		//about = about.replace(/ /g,"&nbsp;");
		parents.layer.open({
			type: 1,
			title:false,
			shift: 1,
			area:['98%','300px'],
			content: '<style type="text/css">.layui-layer-setwin{ top:250px !important;}</style><div style="padding:10px;">' + about + '</content>',
		});
	});
});
</script>
</body>
</html>